/*全局路由动画*/
/*1.下面css动画效果；2.然后在nuxt.config.js里加入一个全局的css文件 css:['assets/css/main.css'],就可以了。*/
/*.page-enter-active, .page-leave-active {
    transition: opacity 0.2s;
}
.page-enter, .page-leave-active {
    opacity: 0;
}*/

/*单独设置页面动效*/
/*1.写下面css动画效果；2.在需要动画的页面js引入 transition:'test' */
.test-enter-active, .test-leave-active {
    transition: all 2s;
    font-size:12px;
    
}
.test-enter, .test-leave-active {
    opacity: 0;
    font-size:40px;
}



.layout-enter-active, .layout-leave-active {
  transition: opacity .25s;
  -webkit-transform: opacity .25s
}
.layout-enter, .layout-leave-active {
  opacity: 0
}


body, a{color: #333}
// global css
$text-color: #666666;
$main-color:#999999;
$most-color:#262626;

// 混合器提取公共样式
@mixin max-content {
  max-width: 1200px;
  margin: 0 auto;
}

@mixin  float-li {
  float: left;
}
@mixin  float-after{
  zoom: 1;
  &:after{
    content: '';
    display: block;
    clear: both;
  }
}

.el-input__inner{
  // height: 36px!important;
}